<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/registered.css">

    <body>
        <!-- 头部部分 -->
        <header class="bigdata-header heart">
            <div class="logo"></div>
            <ul class="nav clearfix ">
                <li class="fl nav-item active"><a href="./index.html"> 首页</a></li>
                <li class="fl nav-item"><a href="./api.html"> API</a></li>
                <li class="fl nav-item"><a href="./case.html"> 案例</a></li>
            </ul>
            <div class="login-register">
                <form action="./login.html"><button class="login">登录</button></form>
                <form action="./registered.html"><button class="register">注册有礼</button></form>
            </div>
        </header>


        <!-- 主体部分 -->
        <main>
            <div class="main-box ">
                <h2>欢迎注册</h2>
                <h3>百款接口免费试用</h3>
                <div class="main-box-registered">
                    注册即送300元大礼包
                </div>
                <div class="form">
                    <div class="code">
                        <input type="text" placeholder="用户名(6-20位字母数字)" class="input1">
                        <span class="form-box1">昵称需在6-12位字母数字间</span>
                    </div>
                    <br>
                    <div class="code">
                        <input type="text" placeholder="请输入手机号" class="input2">
                        <span class="form-box2">请输入正确的手机号</span>
                    </div><br>
                    <div class="code">
                        <input type="text" placeholder="请输入手机短信验证码" class="input3">
                        <button>获取验证码</button>
                        <span class="form-box3">请输入4位手机验证码</span>
                    </div>
                    <br>
                    <div class="code">
                        <input type="password" placeholder="请输入6至12位的密码" class="input4">
                        <span class="form-box4">请输入6-12位密码</span>
                    </div><br>
                </div>
                <input type="checkbox" class="checkbox">
                <span> 我已阅读并接受<a href="">《源码用户服务协议》</a> <a href="">《源码隐私政策》</a></span>
                <button class="btn" disabled>立即注册</button>
            </div>

        </main>
    </body>
    <script src="./js/registered.js"></script>

</html>